import axios from "axios";
import { MessageBox, Message } from "element-ui";
import store from "@/store";
import { getToken } from "@/utils/auth";
import qs from "qs"
// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  withCredentials: false,  // 跨域请求时发送cookies
  timeout: 5000, // request timeout
});

// 拦截器
service.interceptors.request.use(
  (config) => {
    if (store.getters.accesstoken) {
      config.headers["X-Token"] = getToken();
    }
    if (config.method === "get") {
      config.headers = {
        "Content-Type": "application/json;charset=UTF-8",
         accesstoken: store.getters.accesstoken,
         userId:store.getters.userId
      };
      let url = config.url;
      // get参数编码
      url += "?";
      let keys = Object.keys(config.params);
      for (let key of keys) {
        if (config.params[key]) {
          url += `${key}=${encodeURIComponent(config.params[key])}&`;
        }
      }
      url = url.substring(0, url.length - 1);
      config.params = {};
      config.url = url;
    } else {
      // config.data = qs.stringify(config.data);
      config.headers = {
        "Content-Type": "application/json",
         accesstoken: store.getters.accesstoken,
         userId:store.getters.userId
      };
    }

    return config;
  },
  (error) => {
    console.log(error); // for debug
    return Promise.reject(error);
  }
);

// response interceptor
service.interceptors.response.use(
  (response) => {
    const res = response.data;
    if (res.code !== 200) {
      Message({
        message: res.data || "Error",
        type: "error",
        duration: 5 * 1000,
      });
      if (res.code === 401 || res.code === 50012 || res.code === 50014) {
        MessageBox.confirm(
          "You have been logged out, you can cancel to stay on this page, or log in again",
          "Confirm logout",
          {
            confirmButtonText: "Re-Login",
            cancelButtonText: "Cancel",
            type: "warning",
          }
        ).then(() => {
          store.dispatch("user/resetToken").then(() => {
            location.reload();
          });
        });
      }
      return Promise.reject(new Error(res.data || "Error"));
    } else {
      return res;
    }
  },
  (error) => {
    console.log("err" + error); // for debug
    Message({
      message: error.message,
      type: "error",
      duration: 5 * 1000,
    });
    return Promise.reject(error);
  }
);

export default service;
